/*
 * @Description: 散文件库主页面
 * @Author: Rfan
 * @Date: 2022-02-24 13:35:48
 * @LastEditTime: 2022-02-24 14:47:33
 */

import classNames from 'classnames/bind';
import { EstrayRecordContextProvider } from './contexts/EstrayRecordContext';
import NavSidebar from './components/NavSidebar';

import styles from './styles/estrayRecordMain.module.scss';
import ListWrap from './components/ListWrap';

const cx = classNames.bind(styles);

const ArrangementMain = () => {
  return (
    <EstrayRecordContextProvider>
      <div className={cx('estray-main')}>
        <div className={cx('side-nav')}>
          <NavSidebar />
        </div>
        <div className={cx('container')}>
          <ListWrap />
        </div>
      </div>
    </EstrayRecordContextProvider>
  );
};

export default ArrangementMain;
